<%@ page import="com.jiuling.apis.zook.Global" %>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/jsp/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jqGird</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="${ctxStatic}/plugins/h+/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/animate.min.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/plugins/h+/css/plugins/webuploader/webuploader.css">
    <link href="${ctxStatic}/plugins/h+/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <style>
        .ml10 {
            margin-left: 15px;
        }

    </style>

</head>

<body class="gray-bg" >
<div class="wrapper wrapper-content  animated fadeInRight" id="ccbb">
    <div class="row">
        <div class="col-sm-12">
            <div class="toolbar">
                <div id="toolbar">
                    <%--<shiro:hasPermission name="merchant:add">--%>
                    <%--<button id="btn_add" class="btn btn-primary"><i class="fa fa-plus-circle"></i>&nbsp;新增</button>--%>
                    <%--</shiro:hasPermission>--%>
                    <%--<shiro:hasPermission name="merchant:del" >--%>
                    <%--<button id="btn_del" class="btn btn-w-s btn-danger"><i class="fa fa-times-circle"></i>&nbsp;批量删除</button>--%>
                    <%--</shiro:hasPermission>--%>
                </div>
            </div>


            <span id="spancc" class="spancc"></span>
            <div class="row">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>搜索条件</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content" >
                        <div class="row">
                            <div class="col-md-2"><input placeholder="商户名称" id="search_customer" class="form-control" id="search_customer"></div>
                            <div class="col-md-2">
                                <select placeholder="发放方式" class="form-control m-b" id="select_type">
                                    <option value="-1">请选择</option>
                                    <option value="0">发券</option>
                                    <option value="1">发贝</option>
                                    <option value="2">发券发贝</option>
                                </select>
                            </div>
                            <div class="col-md-2"><input placeholder="开始日期" id="search_startdate" class="form-control layer-date" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})"></div>
                            <div class="col-md-2"><input placeholder="结束日期" id="search_enddate" class="form-control layer-date" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})"></div>
                            <div class="col-md-1"><button id="btn_search" class="btn btn-primary"><i class="fa fa-search"></i>&nbsp;搜索</button></div>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="row" style="margin-top:20px;">
                            <div class="col-md-2"> <button style="margin-top: -10px; margin-bottom: -10px;" id="btn_export1" class="btn  btn-success"><i class="fa fa-sign-out"></i>&nbsp;导出Excel</button></div>
                            <div class="col-md-2"><i class="glyphicon glyphicon-usd">订单总额：<span id="zdddze">0.00</span></i></div>
                            <div class="col-md-2"><i class="glyphicon glyphicon-yen">发券总额：<span id="zdfqze">0.00</span></i></div>
                            <div class="col-md-2"><i class="glyphicon glyphicon-yen">发贝总额：<span id="zdfbze">0.00</span></i></div>
                            <div class="col-md-2"><i class="glyphicon glyphicon-credit-card">费用总额：<span id="zdfyze">0.00</span></i></div>
                            <div class="col-md-2"><i class="glyphicon glyphicon-list-alt">订单总数：<span id="zdddzs">0</span></i></div>

                        </div>
                    </div>
                </div>
            </div>
            <table id="merchantTablePagin"></table>
        </div>
    </div>
</div>
</body>
<script src="${ctxStatic}/plugins/h+/js/jquery.min.js?v=2.1.4"></script>
<script src="${ctxStatic}/plugins/h+/js/bootstrap.min.js?v=3.3.6"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/bootstrap-table.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/locale/bootstrap-table-zh-CN.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/extensions/export/bootstrap-table-export.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/extensions/editable/bootstrap-table-editable.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="${ctxStatic}/plugins/h+/js/content.min.js?v=1.0.0"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/layer/laydate/laydate.js"></script>

<script>

</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<script type="text/javascript">
    var picPath='<%=Global.getConfig("OSSURL")%>';
    //初始化表格对象
    var $table = $('#merchantTablePagin');
    /*
     获取选中行的相关数据
     */
    $(function () {
        $table.on('click-row.bs.table', function (e, row, $element) {
            $('.success').removeClass('success');
            $($element).addClass('success');
        });

    });
    function getSelectedRow() {
        var index = $table.find('tr.success').data('index');
        return $table.bootstrapTable('getData')[index];
    }

    /*
     操作按钮的初始化
     */
    function userOperation(value, row, index) {
        return [
            '<a class="edit ml10" href="javascript:void(0)" title="编辑">',
            '<i class="glyphicon glyphicon-edit"></i>',
            '</a>',

            '<a class="remove ml10" href="javascript:void(0)" title="删除">',
            '<i class="glyphicon glyphicon-remove"></i>',
            '</a>'
        ].join('');
    }
    //每个按钮对应的事件
    window.actionEvents = {
        'click .edit': function (e, value, row, index) {
            //弹出编辑层
            showPopup();
        },
        'click .remove': function (e, value, row, index) {
            alert('You click remove icon,: ' + JSON.stringify(row));

        }
    };

    /*
     每一列详情格式化数据
     */
    function formDetail(index, row) {
        return row.customer+index;
    }

    ////////////////////////////////////////////////////////////////////////////////////////以下是通过js方式初始化BootStrapTable/////////////////////////////////////////////

    $table.bootstrapTable({
        url: "${pageContext.request.contextPath}/order/queryOrder.ac",
        method: 'post',
        contentType: "application/x-www-form-urlencoded",//必须的
        dataType: "json",
        pageList:[10, 20, 50, 100],//会根据当前的数据量加载合适的pageList
        height: ($(window).height()-100) ,
        //cardView:true,//是否自适应手机
        pagination: true, //分页
        // queryParamsType: "limit",
        singleSelect: false,
        cache:false,
        sortName:"name",
        search: false, //显示搜索框
        showColumns:false,
        showRefresh:false,
        showToggle:false,
        showPaginationSwitch:false,
        smartDisplay:true,
        detailView:true,
        toolbar:"#toolbar",
        queryParams: queryParams,//参数
        searchOnEnterKey:true,
        detailFormatter:function(index, row, element){
            return "";
        },
        sidePagination: "server", //服务端处理分页
        columns: [
            {
                visible:false,
                field:'id'
            },
            {
                title: '商户名称',
                field: 'name',
                align: 'center'
            },
            {
                title: '订单编号',
                field: 'code',
                align: 'center'
            },
            {
                title: '订单金额',
                field: 'orderTotal',
                align: 'center'
            },
            {
                title: '发券金额',
                field: 'couponTotal',
                align: 'center'
            },
            {
                title: '发贝金额',
                field: 'coinTotal',
                align: 'center'
            },
            {
                title: '服务费率',
                field: 'feeRate',
                align: 'center'
            },
            {
                title: '服务费',
                field: 'feeRate',
                align: 'center',
                formatter:function (value, row, index) {
                    return value * row.orderTotal;
                }
            },
            {
                title: '类型',
                field: 'type',
                align: 'center',
                formatter:function (value, row, index) {
                    if(value==0) {
                        return '发券';
                    }else if(value==1){
                        return '发贝';
                    }else if(value==2){
                        return '发券发贝';
                    }
                }
            },
            {
                title: '交易时间',
                field: 'createTime',
                align: 'center'
            }
//            ,
//            {
//                title: '操作',
//                align: 'center',
//                events:{
//                    'click .edit': function (e, value, row, index) {
//                        //弹出编辑层
//                        showPopup(row.id);
//                    }
//
//                },
//                formatter:function(value,row,index){
//                    return [
//                        '<a class="edit ml10" href="javascript:void(0)" title="编辑">',
//                        '<i class="glyphicon glyphicon-edit"></i>',
//                        '</a>'
//                    ].join('');
//                }
//            }
        ]
    });

    /*
     搜索按钮
     */
    $("#btn_search").click(function(){
        $table.bootstrapTable('selectPage', 1);
        $table.bootstrapTable('refresh', queryParams);
        queryOrderStatic(tempParams);
    });

    var tempParams;
    /*
     传递的参数
     */
    function queryParams(params) {
        var name=$("#search_customer").val();
        var type=$("#select_type").val();
        var startDate=$("#search_startdate").val();
        var endDate=$("#search_enddate").val();

        tempParams = {  //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            limit: params.limit,  //页面大小
            offset: params.offset, //页码
            pageindex:params.pageNumber,
            name: name,
            type: type,
            startDate: startDate,
            endDate: endDate
        };
        return tempParams;
    }

    function queryOrderStatic(params){
        $.ajax( {
            url:'${pageContext.request.contextPath}/order/queryOrderStatic.ac?d='+new Date(),
            data:params,
            type:'post',
            cache:false,
//            dataType:'json',
            success:function(d) {
                console.log(d);
                data=eval("(" + d + ")");
                console.log(data.ddze);
                $("#zdddze").html(data.ddze);
                $("#zdfqze").html(data.fqze);
                $("#zdfbze").html(data.fbze);
                $("#zdfyze").html(data.fyze);
                $("#zdddzs").html(data.ddzs );
            },
        });
    }
    queryOrderStatic(tempParams);


    /*
     获取所有选中的CheckBox的主键值 【数组】
     */
    function getSelections() {
        return $.map($table.bootstrapTable('getSelections'), function (row) {
            return row.brand_code;
        });
    }

    /*
     BootStrapTable CheckBox 状态初始化
     */
    function stateFormatter2(value, row, index) {
        if (row.id === 2) {
            return {
                disabled: true,
                checked: true
            };
        }
        if (row.id === 0) {
            return {
                disabled: true,
                checked: true
            }
        }
        return value;
    }

    $("#btn_export1").click(function () {
        var name=encodeURI(encodeURI($("#search_customer").val()));
        var type=$("#select_type").val();
        var startDate= $("#search_startdate").val();
        var endDate=$("#search_enddate").val();
        window.location.href="${pageContext.request.contextPath}/order/doExcel.ac?name=" +name +"&type="+type+"&startDate="+startDate+"&endDate="+endDate;

    });


</script>



</html>
